<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./style.css" />
  </head>

  <body>
    <h3>table</h3>
    <div>也可以用
      <br /> (1) &nbsp;
      <a href="https://www.npmjs.com/package/rc-table">rc-table</a> &nbsp; Antd -> table 也是用的这个
      <br /> (2) &nbsp;
      <a href="https://github.com/TanStack/table">table</a>
      <br /> (3) &nbsp;
      <a href="https://www.npmjs.com/package/react-virtualized">react-virtualized
      </a>&nbsp;用div写的table形式, 模仿 rc-table
    </div>
    <hr>
    <div>下面是原生Table</div>
    <div class="ant-table">
      <table style="table-layout: fixed">
        <colgroup>
          <col style="width: 117.844px; min-width: 117.844px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.2734px; min-width: 39.2734px" />
          <col style="width: 39.0391px; min-width: 39.0391px" />
          <col style="width: 8px; min-width: 8px" />
        </colgroup>
        <thead class="ant-table-thead">
          <tr>
            <th rowspan="2">停电设备</th>
            <th colspan="14">停电时间安排</th>
            <th rowspan="2">天数</th>
            <th rowspan="2" class="t-cell"></th>
          </tr>
          <tr>
            <th class="t-cell">2022</th>
            <th class="t-cell">一月</th>
            <th class="t-cell">2月</th>
            <th class="t-cell">3月</th>
            <th class="t-cell">4月</th>
            <th class="t-cell">5月</th>
            <th class="t-cell">6月</th>
            <th class="t-cell">7月</th>
            <th class="t-cell">8月</th>
            <th class="t-cell">9月</th>
            <th class="t-cell">10月</th>
            <th class="t-cell">11月</th>
            <th class="t-cell">12月</th>
            <th class="t-cell">2023</th>
          </tr>
        </thead>
      </table>
    </div>


    <hr>
    <h3>表格 内的分割线，常用于自定cell</h3>
    <div class="table-colume-line"></div>

    <hr>

  </body>
</html>
